<template>
  <view class="search-container" @click="searchAction">
    <view class="search-view">
      <uni-icons type="search" size="18"></uni-icons>
      <text>搜索</text>
    </view>
  </view>
</template>

<script>
export default {
  methods: {
    searchAction() {
      this.$mrouter.push("/pages/search/index")
    },
  },
}
</script>

<style lang="scss" scoped>
.search-container {
  padding: 20rpx;
  background-color: #c00000;

  .search-view {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60rpx;
    border-radius: 30rpx;
    background-color: white;
  }

  uni-icons {
    width: 80rpx;
  }

  text {
    width: 80rpx;
    font-size: 28rpx;
  }
}
</style>
